<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>项目列表</title><!---->
  <link rel="stylesheet" href="../../../lib/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
  <link rel="stylesheet" href="../../../lib/bootstrap-table-dist/dist/css/bootstrap-table.min.css" />
  <link rel="stylesheet" href="../../../lib/zui/zui.css">
  <link rel="stylesheet" href="../../../lib/datetimepicker/css/datetimepicker.min.css">
  <link rel="stylesheet" href="../../../lib/layer/mobile/need/layer.css">
  <link rel="stylesheet" href="projectList.css">
</head>
<body>
  <div id="projectList">
    <!-- 面包屑 -->
    <ol class="breadcrumb">
      <li><a href="#">项目管理</a></li>
      <li><a href="#">项目列表</a></li>
    </ol>
    <!--查询条件-->
    <form class="navbar-form navbar-left navbar-margin" role="search">
      <div class="form-group">
        <span>项目编号</span><input type="text" class="form-control" placeholder="搜索">
      </div>
      <div class="form-group">
        <span>项目名称</span><input type="text" class="form-control" placeholder="搜索">
      </div>
      <div class="form-group">
        <span>建设单位</span><input type="text" class="form-control" placeholder="搜索">
      </div>
      <div class="form-group">
        <span>承建单位</span><input type="text" class="form-control" placeholder="搜索">
      </div>
      <button type="button" class="btn btn-primary clear-btn">清空搜索条件</button>
      <button type="button" class="btn btn-primary search-btn">搜索</button>
      <!--新增/批量处理-->
        <div class="rt form-group stateChange">
          <span>项目进程</span>
          <label class="radio-inline">
            <input type="radio" name="radioOptionsExample" value="1" checked> 全部
          </label>
          <label class="radio-inline">
            <input type="radio" name="radioOptionsExample" value="2" >在建
          </label>
          <label class="radio-inline">
            <input type="radio" name="radioOptionsExample" value="3"> 完工
          </label>
        </div>
    </form>
<!--表格--->
  <div class="bootstrap-table">
    <div class="fixed-table-toolbar">
      <div class="bs-bars pull-left">
        <div class="btn-toolbar">
            <div class="btn-group ">
              <button  class="btn btn-warning  addProject">新增项目</button>
            </div>
            <div class="btn-group">
              <button  class="btn btn-info dealAll">批量操作</button>
            </div>
          </div>
      </div>
    </div>
    <div class="fixed-table-container ">
      <div class="fixed-table-header" ></div>
      <div class="fixed-table-body">
             <table id="pjTable"
                    data-query-params="pjTableQuery"
                    data-striped="true"
                    data-toolbar="#toolbar"
                    data-maintain-selected="true"
                    data-search="false"
                    data-show-refresh="false"
                    data-show-toggle="false"
                    data-show-columns="false"
                    data-show-export="false"
                    data-detail-view="false"
                    data-minimum-count-columns="2"
                    data-show-pagination-switch="false"
                    data-pagination="true"
                    data-page-list="[10, 25, 50, 100, ALL]"
                    data-show-footer="false"
                    data-side-pagination="server"
                    data-response-handler="responseHandler"
                    class="table table-hover table-no-bordered" style="margin-top: 0px;">
            <thead class="thead-color">
              <tr>
                <th data-field="state" data-align="center" data-valign="middle" data-checkbox="true">
                </th>
                <th data-field="id" data-align="center" data-valign="middle" >
                  项目ID
                </th>
              <th data-field="index" data-align="center" data-valign="middle" data-formatter="indexFmt">
                序号
              </th>
              <th data-field="projectCode"  data-align="center" data-valign="middle" >
                项目编号
              </th>
              <th data-field="projectName"   data-align="center" data-valign="middle">
               项目名称
              </th>
              <th data-field="constructUnit"  data-align="center" data-valign="middle">
               建设单位
              </th>
              <th data-field="constructionUnit"   data-align="center" data-valign="middle">
                承建单位
              </th>
              <th data-field="cTime"   data-align="center" data-valign="middle" data-formatter="cTimeFmt">
                开工日期
              </th>
              <th data-field="projectCourse" data-align="center" data-valign="middle" data-formatter="processFmt">
                项目进程
              </th>
                <th data-field="edit" data-align="center" data-valign="middle" data-formatter="editFmt">
                  项目进程
                </th>
            </tr>
            </thead>
               <tbody></tbody>
          </table>
        </div>
      <div class="fixed-table-footer footer-btns ">
        <!--表格底部的各种状态按钮-->

      </div>
    </div>
  </div>
  <div class="clearfix"></div>

  </div>

</body>
<script type="text/javascript" src="../../../lib/jquery/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../../../lib/bootstrap-table-dist/dist/js/bootstrap-table.min.js"></script>
<script type="text/javascript" src="../../../lib/bootstrap-table-dist/dist/locale/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="../../../lib/zui/zui.js"></script>
<script  src="../../../lib/layer/layer.js"></script>
<script src="../../../lib/datetimepicker/js/datetimepicker.min.js"></script>
<script src="projectList.js"></script>
</html>